@screenWidth:100%;
@headerHeight:60px;
@backgroundColor: #438Eb9;
.menuList:first-child{
    a{
        color: #438Eb9;
    }
}
.right{
    .wrap{
        .loginMessage{
            text-align: center;
            height:45px;
            line-height: 45px;
            background-color:#DFF0D8;
            color:@backgroundColor;
            display: none;
            margin-bottom: 20px;
            i:nth-child(2){
                float: right;
                color: @backgroundColor;
                transform:translateX(-25px);
                &:hover{
                    color: red;
                    cursor:pointer;
                }
            }
            span{
                font-size:13px;
            }
        }
        .dataFour{
            display: grid;
            margin: 0 auto;
            grid-template-columns: repeat(4, 24%);
            grid-template-rows: repeat(4, 24%);
            grid-gap: 1% 1%;
            height:auto;
            width: 100%;
            .dataFourMsg{
                width: 100%;
                height: 80px;
                position: relative;
                border: 1px solid #DFF0D8;
                border-radius: 5px;
                .iconfont{
                    float: left;
                    width: 40%;height: 80px;
                    line-height: 80px;
                    font-size:30px;
                    text-align: center;
                }
                .dataFourNum{
                    font-size:25px;
                    float: left;
                    width: 60%;
                    text-align:center;
                    margin-top: 10px;
                }
                .dataFourDesc{
                    font-size:13px;
                    float: left;
                    width: 60%;
                    text-align:center;
                }
                .icon1{
                    background-color:#6CCAC9;
                    color: #fff;
                }
                .icon2{
                    background-color:#F8D347;
                    color: #fff;
                }
                .icon3{
                    background-color:#FF6C00;
                    color: #fff;
                }
                .icon4{
                    background-color:#57C8F2;
                    color: #fff;
                }

            }
        }
        .navAll{
            width: 98%;height: auto;
            margin-top: 20px;
            padding:20px 1%;
            border: 1px solid #DFF0D8;
            a{
                color: #fff;
                float: left;
                width: 60px;height: 60px;
                margin: 0 10px;
                opacity:0.9;
                border: 5px solid #6FB3E0;
                i{
                    display: block;
                    width: 100%;height:40px;line-height:40px;
                    text-align: center;
                    font-size:30px;
                }
                p{
                    text-align: center;
                    font-size:12px;
                }
                &:hover{
                    text-decoration: none;
                    opacity: 2;
                }
            }
            .nav1:nth-child(1):hover{
                background-color:#1a7dbf;
            }
            .nav1:nth-child(1){
                border: 5px solid #6FB3E0;
                background-color:#6FB3E0;
            }
            .nav2:hover{
                // background-color: rgb(171, 104, 235);
                background-color:#1a7dbf;
            }
            .nav2{
                // border: 5px solid  rgb(182, 145, 216);
                // background-color: rgb(182, 145, 216);
                border: 5px solid #6FB3E0;
                background-color:#6FB3E0;
            }
            .nav3:hover{
                background-color:#1a7dbf;
            }
            .nav3{
                border: 5px solid #6FB3E0;
                background-color:#6FB3E0;
            }
            .nav4:hover{
                background-color:#1a7dbf;
            }
            .nav4{
                border: 5px solid #6FB3E0;
                background-color:#6FB3E0;
            }
            .nav5:hover{
                background-color:#1a7dbf;
            }
            .nav5{
                border: 5px solid #6FB3E0;
                background-color:#6FB3E0;
            }
        }
    }
}